@charset "utf-8";
/* CSS Document */

/*盒子定义*/
.match_main_box {
    width: 1000px;
    height: 650px;
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
}

.match_border {
    background-color: #fff;
    position: absolute;
    width: 70px;
    height: 70px;
    color: #000;
    line-height: 30px;
    text-align: center;
    z-index: 10;
    border-radius: 50%;
    box-shadow: 1px 1px 20px #09F;
}

.match_border img {
    border-radius: 50%;
    width: 70px;
    height: 70px;
}

.match_p_l1 {
    left: 1px;
}

.match_p_r1 {
    right: 0;
}

.match_p_l2 {
    left: 100px;
}

.match_p_r2 {
    right: 100px;
}

.match_p_l3 {
    left: 200px;
}

.match_p_r3 {
    right: 200px;
}

.match_p_l4 {
    left: 300px;
}

.match_p_r4 {
    right: 300px;
}

.match_p_l5 {
    left: 400px;
}

.match_p_r5 {
    right: 400px;
}

.match_p_g {
    left: 50%;
    margin-left: -35px;
}

.match_m1 {
    top: 0;
}

.match_m2 {
    top: 80px;
}

.match_m3 {
    top: 160px;
}

.match_m4 {
    top: 240px;
}

.match_m5 {
    top: 320px;
}

.match_m6 {
    top: 400px;
}

.match_m7 {
    top: 480px;
}

.match_m8 {
    top: 560px;
}

.match_m9 {
    top: 640px;
}

.match_m10 {
    top: 360px;
}

.match_m11 {
    top: 400px;
}

.match_m12 {
    top: 440px;
}

.match_m13 {
    top: 480px;
}

.match_m14 {
    top: 520px;
}

.match_m15 {
    top: 560px;
}

.match_m16 {
    top: 600px;
}

.match_m17 {
    top: 45px
}

.match_m18 {
    top: 205px
}

.match_m19 {
    top: 365px
}

.match_m20 {
    top: 525px
}

.match_m21 {
    top: 340px
}

.match_m22 {
    top: 420px
}

.match_m23 {
    top: 500px
}

.match_m24 {
    top: 580px
}

.match_m25 {
    top: 130px
}

.match_m26 {
    top: 440px
}

.match_m27 {
    top: 385px
}

.match_m28 {
    top: 542px
}

.match_m29 {
    top: 280px
}

.match_m30 {
    top: 464px
}

.match_m31 {
    top: 370px
}

.match_m32 {
    top: 507px
}

/*线条定义*/
.ml {
    text-align: right;
    vertical-align: bottom;
}

.ml_t1 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.ml_t2 {
    position: absolute;
    bottom: 0;
    left: 0;
}

.ml_top, .ml_right, .ml_bottom, .ml_left, .ml_top_win, .ml_right_win, .ml_bottom_win, .ml_left_win {
    position: absolute;
    z-index: 1;
    width: 30px;
}

.ml_top {
    border-top: 1px solid #666;
}

.ml_right {
    border-right: 1px solid #666;
}

.ml_bottom {
    border-bottom: 1px solid #666;
}

.ml_left {
    border-left: 1px solid #666;
}

.ml_top_win {
    border-top: 2px solid green;
}

.ml_right_win {
    border-right: 2px solid green;
}

.ml_bottom_win {
    border-bottom: 2px solid green;
}

.ml_left_win {
    border-left: 2px solid green;
}

.ml_PL1 {
    left: 60px;
}

.ml_PL2 {
    left: 90px;
}

.ml_PR1 {
    right: 60px;
    text-align: left !important;
}

.ml_PR2 {
    right: 90px;
    text-align: left !important;
}

.ml_PL3 {
    left: 160px;
}

.ml_PL4 {
    left: 190px;
}

.ml_PR3 {
    right: 160px;
    text-align: left !important;
}

.ml_PR4 {
    right: 190px;
    text-align: left !important;
}

.ml_PL5 {
    left: 260px;
}

.ml_PL6 {
    left: 290px;
}

.ml_PR5 {
    right: 260px;
    text-align: left !important;
}

.ml_PR6 {
    right: 290px;
    text-align: left !important;
}

.ml_PL7 {
    left: 360px;
}

.ml_PL8 {
    left: 390px;
}

.ml_PR7 {
    right: 360px;
    text-align: left !important;
}

.ml_PR8 {
    right: 390px;
    text-align: left !important;
}

.ml_PL9 {
    left: 435px;
}

.ml_PL10 {
    left: 500px;
}

.ml_1, .ml_3 {
    height: 44px;
    top: 30px;
}

.ml_2 {
    height: 44px;
    top: 70px;
}

.ml_4, .ml_6 {
    height: 44px;
    top: 190px;
}

.ml_5 {
    height: 44px;
    top: 235px;
}

.ml_7, .ml_9 {
    height: 44px;
    bottom: 255px;
}

.ml_8 {
    height: 44px;
    bottom: 210px;
}

.ml_10, .ml_12 {
    height: 44px;
    bottom: 90px;
}

.ml_11 {
    height: 44px;
    bottom: 50px;
}

.ml_13, .ml_15 {
    height: 44px;
    top: 338px;
}

.ml_14 {
    height: 44px;
    top: 358px;
}

.ml_16, .ml_18 {
    height: 44px;
    top: 415px;
}

.ml_17 {
    height: 44px;
    top: 435px;
}

.ml_19, .ml_21 {
    height: 44px;
    top: 495px;
}

.ml_20 {
    height: 44px;
    top: 515px;
}

.ml_22, .ml_24 {
    height: 44px;
    top: 575px;
}

.ml_23 {
    height: 44px;
    top: 595px;
}

.ml_25, .ml_27 {
    height: 88px;
    top: 75px;
}

.ml_26 {
    height: 88px;
    top: 150px;
}

.ml_28, .ml_30 {
    height: 88px;
    bottom: 166px;
}

.ml_29 {
    height: 88px;
    bottom: 90px;
}

.ml_31, .ml_33 {
    height: 88px;
    top: 360px;
}

.ml_32 {
    height: 88px;
    top: 400px;
}

.ml_34, .ml_36 {
    height: 88px;
    top: 516px;
}

.ml_35 {
    height: 88px;
    top: 556px;
}

.ml_37, .ml_39 {
    height: 160px;
    top: 160px;
}

.ml_38 {
    height: 160px;
    bottom: 168px;
}

.ml_40, .ml_42 {
    height: 176px;
    top: 400px;
}

.ml_41 {
    height: 176px;
    top: 480px;
}

.ml_43, .ml_45 {
    height: 80px;
    top: 320px;
}

.ml_44 {
    height: 80px;
    top: 320px;
}

.ml_46, .ml_47 {
    height: 40px;
    top: 430px;
    width: 65px
}

.ml_48 {
    height: 40px;
    top: 470px;
    width: 65px
}
		
